<template>
	<app-dialog ref="dialog" width="80%" :title="title" @confirm="save" :showCancel="false" confirmText="确认绑定">
		<view>
			<view class="name">小夜曲</view>
			<image class="sex" src="/static/img/ic-sex-0.png"></image>
			<view class="row">
				<view class="row-class">3年二班</view>
				<view class="row-id">1564564564564153142312</view>
			</view>
			<input class="input" placeholder="请输入家长手机号" />

		</view>
	</app-dialog>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				title: '绑定',

			};
		},

		methods: {
			/**
			 * 打开弹框
			 */
			/**

			 */
			async open() {
				this.reset();

				// 打开弹框
				await this.$refs.dialog.open();
			},

			reset() {

			},

			/**
			 * 保存
			 */
			async save() {
				try {

				} catch (e) {
					this.errorLoading(e);
				}
			}
		}
	};
</script>

<style lang="scss" scoped>
	.name {
		font-weight: bold;
		font-size: 32rpx;
		color: #1A1A1A;
	}

	.sex {
		position: absolute;
		left: 180rpx;
		top: 90rpx;
		width: 32rpx;
		height: 32rpx;
	}
	
	.input {
		margin-top: 10rpx;
		font-size: 32rpx;
		padding: 6rpx 30rpx;
		width: 87%;
		height: 50rpx;
		border-radius: 6rpx;
		background: #EAEAEA;
	}
	.row{
		margin-top: 10rpx;
		display: flex;
		&-id {
			margin-left: 20rpx;
			color: #666;
			font-size: 28rpx;
		}
		&-class {
			
			color: #666;
			font-size: 28rpx;
		}
	}

	
	
</style>